<?php echo $this->Html->css('search'); ?>
<?php echo $this->Html->css('category'); ?>
<?php echo $this->Html->css('jquery.mCustomScrollbar'); ?>
<?php echo $this->Html->script('jquery.mCustomScrollbar'); ?>
<?php echo $this->Html->script('jquery.mousewheel.min'); ?>
<?php echo $this->Html->script('category'); ?>

<div id="catmain">
    <div id="catsb">
        <div class="title" style="margin-bottom: 15px">Filter by</div>
        <div id="catside">
            <div id="cattitle">Category</div>
            <ul>
                <?php foreach ($categories as $c) { ?>
                <li class="category_selector">
                    <span class="<?php if (in_array($c['Category']['id'], $selected_categories)) echo 'selected';?>">
                        <a id="<?=$c['Category']['id']?>" href="javascript:void(0)"><?=$c['Category']['name']?></a>
                    </span>
                </li>
                <?php } ?>
            </ul>
        </div>
        <div id="catside">
            <div id="cattitle">Manufacturer</div>
            <ul>
                <?php foreach ($manufacturers as $m) { ?>
                <li class="manufacturer_selector">
                    <span class="<?php if (in_array($m['Manufacturer']['id'], $selected_manufacturers)) echo 'selected'; ?>">
                        <a id="<?=$m['Manufacturer']['id']?>" href="javascript:void(0)"><?=$m['Manufacturer']['name']?></a>
                    </span>
                </li>
                <?php } ?>
            </ul>
        </div>
    </div>


    <div id="catlist">
        <div id="search_result">
        </div>
        <div id="search_pagination" class="pagination search-filter" style="width:50%">
        </div>
    </div>
</div>
